.indexBox{
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content:space-between;
    flex-flow: row wrap;
    align-content: flex-start;

}
.indexBox>div{
    width: 33%;
    flex: 0 0 49%;
    margin-bottom: 15px;
    text-align: center;
    cursor: pointer;
    color:#fcfcfc;
    border-radius: 5px;
}
.indexBox>div:nth-child(4),
.indexBox>div:nth-child(5),
.indexBox>div:nth-child(6){
    /*margin-bottom: 0;*/
}
.indexBox>div h3{
    font-size: 38px;
}
.indexBox>div p{
    font-size: 16px;
}

.index-info{
    margin-top: 20px;
    border-color: #8E1614;
}
.index-info .panel-heading{
    background-color: #8E1614!important;
}
.index-info .panel-heading h3{
    font-size: 14px;
    color:#fcfcfc;
}
#indexInfoList{
    position: relative;
}
#indexInfoList a{
    padding-left: 150px;
}
#indexInfoList span{
    position: absolute;
    left: 15px;
    top: 10px;
}

.greenBC,
.pinkBC,
.purpleBC,
.redBC,
.orangeBC,
.aquaBC{
    transition: all 0.25s;
}

.indexBox>div:nth-child(1){
    background-color: #00a65a;
}
.indexBox>div:nth-child(2){
    background-color: #ec3b83;
}
.indexBox>div:nth-child(3){
    background-color: #ba79cb;
}
.indexBox>div:nth-child(4){
    background-color: #f56954;
}
.indexBox>div:nth-child(5){
    background-color: #ffa812;
}
.indexBox>div:nth-child(6){
    background-color: #00c0ef;
}
.indexBox>div:nth-child(1):hover{
    background-color: #008a45;
}
.indexBox>div:nth-child(2):hover{
    background-color: #c03560;
}
.indexBox>div:nth-child(3):hover{
    background-color: #8a569b;
}
.indexBox>div:nth-child(4):hover{
    background-color: #cf624c;
}
.indexBox>div:nth-child(5):hover{
    background-color: #c67a12;
}
.indexBox>div:nth-child(6):hover{
    background-color: #0097be;
}